<script setup>
import { defineProps } from "vue";

defineProps({
  header: {
    type: String,
    default: "",
  },
});
</script>

<template>
  <div class="confirm-content">
    <div class="confirm-content__header">{{ header }}</div>
    <div class="confirm-content__body">
      <slot></slot>
    </div>
  </div>
</template>

<style scoped lang="scss">
.confirm-content {
  display: flex;
  flex-direction: column;
  .confirm-content__header {
    padding: 4px 0px;
    align-items: center;
  }
  .confirm-content__body {
    padding: 4px 0px;
  }
}
</style>
